<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="layui/css/layui.css" />
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
	<div class="layui-form-item" style="margin-top: 20px" onsubmit="false">
		<div class="layui-form-item">
			<label class="layui-form-label">订单编号:</label>
			<div class="layui-input-inline" style="width: 130px">
				<input type="text" name="Oid" id="Oid" class="layui-input"
					lay-verify="required" placeholder="请输入订单编号">
			</div>
			<label class="layui-form-label">姓名:</label>
			<div class="layui-input-inline" style="width: 130px">
				<input type="text" name="Uname" id="Uname" class="layui-input"
					lay-verify="required" placeholder="请输入用户名称">
			</div>
			<button class="layui-btn" id="serach" data-type="reload">搜索</button>
		</div>
	</div>

	<table class="layui-hide" id="demo" lay-filter="demo"></table>
		<!-- 按钮 -->
	<script type="text/html" id="Standby_application_oneDemo">
		{{#  if(d.Standby_application_one == '未发货'){ }}
		<input type="checkbox" name="Standby_application_one" lay-skin="switch" value="{{d.Did}}" lay-text="未发货|发货" lay-filter="zhuangtaiDemo" {{ d.Standby_application_one == '未发货'  ? 'checked' : '' }}>
		{{#  }  }}
	</script>
	<!-- <a class="layui-btn layui-btn-xs" lay-event="state">订单状态</a> -->
	<script type="text/html" id="barDemo">
  		<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
	</script>
	<script>
		layui.use(['table','form'], function() {
			var table = layui.table;
			var form = layui.form;
			var $ = layui.jquery;//引入jquery
			//执行渲染
			table.render({
				elem : '#demo' //指定原始表格元素选择器（推荐id选择器）
				,
				url : '/shoppingsix/order_detail'//请求地址
				,
				method : 'POST',
				cols : [ [ {
					field : 'Oid',
					title : '订单编号',
					align : 'center',
					width : 150
				}, {
					field : 'Uname',
					title : '用户姓名',
					align : 'center',
					width : 150
				}, {
					field : 'Osum',
					title : '订单数量',
					align : 'center',
					width : 100
				}, {
					field : 'OtotalPrice',
					title : '订单总价格',
					align : 'center',
					width : 100
				}, {
					field : 'Oorder_time',
					title : '下单时间',
					align : 'center',
					width : 165
				}, {
					field : 'Odelivery_time',
					title : '发货时间',
					align : 'center',
					width : 165
				}, {
					field : 'Oharvest_time',
					title : '收货时间',
					align : 'center',
					width : 165
				}, {
					field : 'Ostate',
					title : '订单状态',
					/* toolbar : '#Standby_application_oneDemo', */
					align : 'center',
					width : 120,
				}, {
					field : 'right',
					title : '操作',
					toolbar : '#barDemo',
					align : 'center',
					width : 80
				} ] ],
				page : true,
				id : 'testReload'
			//设置表头
			//,…… //更多参数参考右侧目录：基本参数选项
			});
			form.on('switch(zhuangtaiDemo)', function(obj){
				var id=this.value;
				var name=this.name;
				var result=obj.elem.checked;
				var Standby_application_one="";
				if (result) {
					Standby_application_one="未发货";
				}else{
					Standby_application_one="发货";
				}
				 $.post( '../orders_update_button',{"Did":id,'Standby_application_one':Standby_application_one,},
							function(data) {
								if(data.count>0){
									layer.msg('修改成功', {
										  icon: 1,
										  time: 2000 //2秒关闭（如果不配置，默认是3秒）
										}, function(){
										  //do something
										}); 
								}
							}, "json");  
					});
			//监听工具条
			table.on('tool(demo)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
				var data = obj.data; //获得当前行数据
				if (obj.event === 'detail') { //查看
					layer.open({//打开一个页面
						type : 2,//在当前页面之上以弹框的形式，展示编辑页面
						area : [ '1000px', '650px' ],//页面宽高
						content : 'orders_details.jsp',//页面所在位置
						title : '您正在查看收货人为：' + obj.data.Uharvest_people +'，联系方式为：'+obj.data.Uconsignee+'，收货地址为：'+obj.data.addprovince+obj.data.addcity+obj.data.adddistinct+ '的订单信息',
						success : function(layero, index) {
							var body = layer.getChildFrame('body', index);
							body.contents().find("#Oid").val(obj.data.Oid);
							body.contents().find("#Oid1").val(obj.data.Oid);
						},
						end : function() {
							window.location.reload();//当窗口关闭后刷新页面
						}
					});
				} else if (obj.event === 'state') { //编辑
					layer.open({//打开一个页面
						type : 2,//在当前页面之上以弹框的形式，展示编辑页面
						area : [ '550px', '600px' ],//页面宽高
						content : 'orders_update.jsp',//页面所在位置
						title : '您正在编辑编号为' + obj.data.Oid + '的订单状态信息',
						success : function(layero, index) {
							var body = layer.getChildFrame('body', index);
							body.contents().find("#Oid").val(obj.data.Oid);
							body.contents().find("#Ostate").val(obj.data.Ostate);
						},
						end : function() {
							window.location.reload();//当窗口关闭后刷新页面
						}
					});
				} 
			});

			$('#serach').on('click', function() {
				var Oid = $("#Oid").val();//上面搜索框的id
				var Uname = $("#Uname").val();//上面搜索框的id
				table.reload('testReload', {//testReload,上面渲染逼格的id
					where : {//接口需要请求的参数
						'Oid' : Oid,
						'Uname' : Uname,
					}
				});
			});

		});
	</script>
</body>
</html>